<template>
  <a-popover placement="right">
    <template #content>
      <div class="popover-content">
        <a-space direction="vertical">
          <a-typography-text v-for="(item,index) in tips" :key="index">{{item}}</a-typography-text>
        </a-space>
      </div>
    </template>
    <button type="button" class="btn iconfont wenhao"/>
  </a-popover>
</template>

<script lang="ts">
export default {
  props: ["tips"]
}
</script>

<style scoped lang="scss">
.btn-secondary {
  height: 34px;
  margin-left: 30px;
  color: #333333;
  background-color: unset !important;
  border-color: unset !important;
}

.btn {
  margin-left: 1%;
  border-radius: 50%;
  padding: 0 0 !important;
  font-size: unset !important;
}
.btn:focus {
  box-shadow: unset;
}

.popover-content {
  width: 250px;
}

</style>
